//import React from 'react';
// import styled from '@emotion/styled';
// import { Typography } from 'antd';
//
// import { SearchPanel } from 'screens/project-list/search-panel';
// import { List } from 'screens/project-list/list';
//
// import { useDebounce, useDocumentTitle } from 'utils';
// import { useProjects } from 'utils/project';
// import { useUsers } from 'utils/user';
// import { useProjectsSearchParams } from './util';
// import { ButtonNoPadding, Row } from 'components/lib';
// import { useDispatch } from 'react-redux';
// import { projectListActions } from 'screens/project-list/project-list.slice';
//
// export const ProjectListScreen = () => {
//   useDocumentTitle('项目列表', false);
//
//   const [param, setParam] = useProjectsSearchParams();
//   const { isLoading, error, data: list, retry } = useProjects(useDebounce(param, 200));
//
//   const { data: users } = useUsers();
//   const dispatch = useDispatch();
//   return (
//     <Container>
//       <Row between={true}>
//         <h1>项目列表</h1>
//         <ButtonNoPadding onClick={() => dispatch(projectListActions.openProjectModal())}>创建项目</ButtonNoPadding>
//       </Row>
//
//       <SearchPanel users={users || []} param={param} setParam={setParam} />
//       {error ? <Typography.Text type={'danger'}>{error.message}</Typography.Text> : null}
//       <List refresh={retry} users={users || []} dataSource={list || []} loading={isLoading} />
//     </Container>
//   );
// };
// ProjectListScreen.whyDidYouRender = false;
// const Container = styled.div`
//   padding: 3.2rem;
// `;
*/
